<template>
  <div>
    <h1>v-model修饰符</h1>
    <h3>年龄</h3>
    <!-- .number 会尝试把你输入的内容转化为数字 -->
    <input type="text" v-model.number="age">

    <h3>格言</h3>
    <!-- .trim 去除首位空格 -->
    <input type="text" v-model.trim="motto">

    <h3>自我介绍</h3>
    <!-- .lazy 触发改变数据 从 input事件 变成了 change 事件 -->
    <textarea name="" cols="30" rows="10" v-model.lazy="intr"></textarea>
  </div>
  
</template>

<script>
export default {
  data() {
    return {
      age:20,
      motto:'',
      intr:'',

    }
  }

}
</script>

<style>

</style>